<template>
    <Layout>
        <div>
            <div v-html="$page.KuERP.allDevService[0].content"/>
        </div>
    </Layout>
</template>

<page-query>
    query($id:Int!) {
    KuERP{
    allDevService(id:$id) {
    id
    name
    topic
    content
    websiteMetaTitle
    websiteMetaDescription
    websiteMetaKeywords
    }
    }}

</page-query>

<script>
    export default {

        metaInfo() {
            return {
                title: this.$page.KuERP.allDevService[0].websiteMetaTitle || this.$page.KuERP.allDevService[0].name,
                meta: [{name: "description", conetnt: this.$page.KuERP.allDevService[0].websiteMetaDescription},
                    {name: "keywords", content: this.$page.KuERP.allDevService[0].websiteMetaKeywords},
                    {"http-equiv": "X-UA-Compatible", content: "IE=edge"},
                    {
                        name: "viewport",
                        content: "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
                    }, {name: "apple-mobile-web-app-capable", content: "yes"},
                    {name: "apple-mobile-web-app-status-bar-style", content: "black"},
                    {name: "format-detection", content: "telephone=no"},
                    {property: "og:type", content: "website"},
                    {
                        property: "og:title",
                        content: this.$page.KuERP.allDevService[0].websiteMetaTitle || this.$page.KuERP.allDevService[0].name
                    },
                    {property: "og:description", content: this.$page.KuERP.allDevService[0].websiteMetaDescription},
                    {
                        property: "og:image",
                        content: "https://www.kaikong.cn/web/image/res.company/1/logo?unique=2742a8f"
                    },
                    {property: "og:url", content: this.subURL + this.$page.KuERP.allDevService[0].id}]
            }
        },
    };
</script>
